export const imagerror = { // 名字不带v-,使用的时候带v-
  // 指令对象 会在当前的dom 元素插入到节点之后执行
  inserted(dom, options) {
    // options是 指令中的变量的解释 其中有一个属性叫做value
    // dom 表示当前指令作用的dom对象
    // dom 认为此时就是图片
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件=>onerror
    // 如果src的地址为null,那么就将value（也就是默认值）的值给src
    dom.src = dom.src || options.value
    dom.onerror = function() {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom可以注册error事件
      dom.src = options.value // 这里不能写死
    }
  },
  // 组件更新后的钩子函数中同样判断空
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
